<!DOCTYPE HTML>
<html>

<head>
    <title>一个萌新的 - 个人引导页</title>
    <meta name="keywords" content="一个萌新">
    <meta name="description" content="一个萌新个人主页">
    <link rel="shortcut icon" href="./1.jpg">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/icon/iconfont.css">
    <noscript>
        <link rel="stylesheet" href="css/noscript.css" />
    </noscript>
    <style>
        img#logo {
            width: 128px;
            background-size: cover;
            border-radius: 200px;
            box-shadow: 0px 0px 40px rgba(191, 128, 249, 0.72);
            border: 3px solid #CAE1FF;
            opacity: 1;
            margin: 0 auto;
            margin-top: 20px;
            margin-bottom: 20px;
            transition: all 1.5s;
        }

        #logo:hover {
            box-shadow: 0 0 10px #D1EEEE;
            -webkit-box-shadow: 0 0 19px #E6E6FA;
            transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            /* IE 9 */
            -moz-transform: rotate(360deg);
            /* Firefox */
            -webkit-transform: rotate(360deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(360deg);
            /* Opera */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }

        .mfb-component__button--main,
        .mfb-component__button--child {
            background-color: #FFFFFF;
        }
    </style>
</head>

<body onselectstart="return false" oncontextmenu=self.event.returnValue=false>

    <!-- Wrapper -->
    <div id="wrapper">
        <!-- Header -->
        <header id="header">
            <div><img src="./2.jpg" id="logo"></div>
            <div class="content">
                <div class="inner">
                    <h1>交作业一定要花里胡哨</h1>
                    <!-- <p>3-26 ex01 Done! </p>
                    <p>4-2 update ex02 && Create github Pages</p>
                    <p>4-9 update ex02 again == ex03</p> -->
                    <!-- <p>4-16 update ex04 bootstrap web</p>
                    <p>4-16 update ex05 about Angular ngClass ngStyle ngFor ngSwitch </p> -->
                    <p>4-23 ch05--ex06 done</p>
                </div>
            </div>
            <nav>
                <ul>
                    <li><a href="https://1199911.xyz" target="_blnk"><i class="fa fa-home"></i>Blog</a></li>
                    <li><a href="./ex01">ex01</a></li>
                    <li><a href="./ex02">ex02</a></li>
                    <li><a href="./ex03">ex03</a></li>
                    <li><a href="./ex04">ex04</a></li>
                    <li><a href="./ex05">ex05</a></li>
                    <li><a href="./ex06">ex06</a></li>
                    <!-- <i class="fa fa-home"></i> -->
                    <!-- <li><a href=""><i class="iconfont icon-customerservice"></i>游戏</a></li> -->
                </ul>
            </nav>
        </header>
        <!-- Footer -->
        <footer id="footer">
            <p class="copyright">©2020-2030 <a href="http://beian.miit.gov.cn/" target="">备案信息</a></p>
        </footer>
    </div>
    <!-- BG -->
    <div id="bg"></div>
    <!-- Scripts -->
    <script src="js/jquery.min.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/util.js"></script>
    <script src="js/main.js"></script>
    </script>
</body>

</html>